.slider-wrapper {
    width: 100%;
    position: relative;
    overflow: hidden;

    .slider-content {
    	width: 100%;
    	position: absolute;
    	transition: left 2s;
    }
    .slider-item {
        float: left;
        width: 100%;
    }

    .slider-navigator {
        width: 640px;
        position: absolute;
        bottom: 28px;
        left: 50%;
        transform: translateX(-50%);
        text-align: right;

        .slider-navigator-item {
            display: inline-block;
            width: 6px;
            height: 6px;
            opacity: 0.4;
            background: #FFFFFF;
            margin-left: 5px;
            transition: height .6s, opacity .6s;
        }
        .slider-navigator-item.active {
            height: 12px;
            background: #fff;
            opacity: 0.7;
        }
    }
}